/**

提交页面的样式
*/

@import './theme';

.page-submit{
  padding-top:@space-big;
  .paper-wrap{
    position: relative;
    padding: 1.5rem @space-big;
 
    .list-item{
      background: @color-back-gray2;
      padding: @space-normal;
      display: flex;
      flex-direction: column;
      border-bottom: 2px dashed @border-color-base;
      .title-bar{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: @space-middle;
        font-size: @font-size6;
        color: @color-font-black;
        padding-left: 3.5rem;
        >span:first-of-type{
          font-size: @font-size2;
        }
        >span:last-of-type{
          text-align: center;
          flex-grow: 1;
          letter-spacing: 1.2px;
        }
      }
      .list-item-row{
        display: flex;
        align-items: center;
        margin-bottom: @space-middle;
        .item-close{
          max-width: 2.3rem;
          margin-right: @space-normal;
        }
        >p{
          padding: @space-normal;
          flex-grow: 1;
          background: white;
          padding: @space-sm;
          span:first-of-type{
            color:@color-font-light-gray;
            font-size: @font-size2;
          }
          span:last-of-type{
            color:@color-font-red;
            font-size: @font-size2;
          }
        }
      }
    }
    .paper-header,.paper-footer{
      position: absolute;
      left: 0;
      right: 0;
      padding: 0 1.1rem;
      width: 100%;
    }
    .paper-header{
      top: 0;
    }
    .paper-footer{
      bottom: 0;
    }
  }
}



.dlt-list-item{
  background: @color-back-gray2;
    padding: @space-normal;
    display: flex;
    flex-direction: column;
    border-bottom: 2px dashed @border-color-base;
    font-size: @font-size4;
    color: @color-font-gray;
  .title-bar{
    justify-content: space-between;
    >p{
      color: @color-font-black;

    }
    .item-close{
      max-width: 2.3rem;
      margin-right: @space-normal;
    }
    >span:last-of-type{
      align-self: flex-end;
    }
  }
}

// 添加删除赛事
.add-edit-btn{
  width: 65%;
  padding: @space-base;
  border:1px solid @color-back-red;
  color:@color-font-red;
  font-size: @font-size3;
  border-radius: @border-radius-base;
  margin: 0 auto;
  margin-top: @space-normal;
  text-align: center;
}

// 倍率和服务协议
.page-content.contain-agreement{
  padding-bottom: @footer-height+10rem !important;
}
.page-submit-footer{
  height: 10rem;
  position: fixed;
  bottom: @footer-height - 1rem;
  left: 0;
  width: 100%;
  z-index: 10;
  background: white;
  .agreement{
    border-bottom: 1px solid @border-color-base;
  }
  .agreement .am-checkbox-agree-label{
    color:@color-font-gray2;
    font-size: @font-size2;
  }
  .am-checkbox-inner{
    width: 16px !important;
    height: 16px!important;
  
    &::after{
      width: 3px;
    height: 8px;
    }
  }
  .am-checkbox.am-checkbox-checked .am-checkbox-inner{
    border-color:@color-font-yellow;
    background:@color-font-yellow;
  }
  .method-row {
    justify-content: space-between;
    padding: @space-middle;
    .row-left{
      padding: @space-base @space-middle;
      border:1px solid @border-color-base;
      color: @color-font-black;
      font-size: @font-size2;
      .icon-drop{
        margin-left: @space-base;
      }
    }
    .row-right{
      flex-basis: 50%;
      align-items: stretch;
      border:1px solid @border-color-base;
      color: @color-font-gray;
      font-size: @font-size2;
      span:nth-of-type(2n+1){
        padding: @space-base  @space-middle;
      }
      span:nth-of-type(2){
        flex-grow: 1;
        text-align: center;
        border-left:1px solid @border-color-base;
        border-right:1px solid @border-color-base;
        align-self: center;
      }
    }
  }
}


// 自选和机选按钮组
.again-btns{
  display: flex;
  justify-content: space-between;
  align-items: center;
  .btn-item{
    padding: @space-base @space-normal;
    border-radius: @border-radius-base;
    border:1px solid @color-back-red;
    color:@color-font-red;
    font-size: @font-size3;
  }
  margin-bottom: @space-normal;
  padding: 0 @space-middle;
}
